<script lang="ts" setup>
import { ref } from 'vue'

const a = 's1'
const props = defineProps({
  msg: {type:String,default: 1},
  total: {
    type: Number,default:1
  }
})

const count = ref(0)

const emit = defineEmits(["back",'go']);
const go:() => void = () =>{
  emit('go',props.total + 1)
}
const back: ()=> void =() =>{
  emit('back',props.total - 1)
}
</script>

<template>
  <h1>{{total }}</h1>
  <h3>{{a}}</h3>
</template>

<style scoped>
a {
  color: #42b983;
}
</style>